import { Component, createElement, STATE, ATTRIBUTE } from '../../utils/framework.js'
import { enableGesture } from '../../utils/gesture.js'

export { STATE, ATTRIBUTE } from '../../utils/framework.js'


export class List extends Component {
  constructor() {
    super();
  }

  render() {
    this.children = this[ATTRIBUTE].data.map(this.template);

    this.root = (<div>{ this.children }</div>).render();
    return this.root;
  }

  appendChild(child) {
    this.template = child;
    // this.render();
  }
}
